<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<style>
    .myWidth{
        width: 210px;
    }
</style>
<head th:include="include :: header"></head>
<body>

<div class="layui-fluid mt2">

    <div id="exampleToolbar" style="height: 96px;  align-items: center;display: flex;width: 100%;">
        <div class="columns pull-left" style="display: flex">
            <button type="button" class="layui-btn" id="add" shiro:hasPermission="jzweb:jazUserAuntStay:add">新增住宿</button>
        </div>
        <div class="demoTable" style="display: flex; flex-direction: column;justify-content: space-between;align-items: flex-start;    padding: 6px 0 6px 10px;height: 100%">
          <div>
              <div class="layui-inline">
                  姓名：
                  <div class="layui-inline" >
                      <input class="layui-input"  placeholder="请输入姓名" name="username" id="username" autocomplete="off">
                  </div>
              </div>
              <div class="layui-inline"  style="margin:0 10px;">
                  联系方式：
                  <div class="layui-inline" >
                      <input class="layui-input"  placeholder="请输入联系方式" name="phone" id="phone" autocomplete="off">
                  </div>
              </div>
              <div class="layui-inline"  style="margin:0 10px 0 0;">
                  小区名称:
                  <div class="layui-inline" style="width: 210px;">
                      <input class="layui-input"  placeholder="请输入联系方式" name="phone" id="communityName" autocomplete="off">
                  </div>
              </div>
<!--              <div class="layui-form layui-inline" style="margin-right: 10px" >-->
<!--                  <span id="mySpan">服务类型：</span>-->
<!--                  <div class="layui-inline">-->
<!--                      <select name="projectId" lay-search="" id="mySelect-projectId" ></select>-->
<!--                  </div>-->
<!--              </div>-->
              <div class="layui-form layui-inline" style="margin:0 10px;">
                  审核状态：
                  <div class="layui-inline" style="width: 200px;">
                      <select name="auditStatus" id="auditStatus" lay-filter="aihao">
                          <option value="">全部</option>
                          <option value="0">待审核</option>
                          <option value="1">已审核</option>
                      </select>
                  </div>
              </div>
              <div class="layui-form layui-inline" style="margin:0 10px;">
                  入住状态：
                  <div class="layui-inline" style="width: 200px;">
                      <select name="auditStatus" id="myStatus" lay-filter="aihao">
                          <option value="">全部</option>
                          <option value="0">待入住</option>
                          <option value="1">已入住</option>
                          <option value="2">已离开</option>
                      </select>
                  </div>
              </div>
          </div>
          <div>
              <div class="layui-inline" style="margin-right: 10px">
                  入住时间:
                  <div class="layui-inline" id="ID-laydate-range">
                      <div class="layui-input-inline myWidth">
                          <input type="text" autocomplete="off" id="createTime" class="layui-input"
                                 placeholder="开始日期">
                      </div>
                      <div class="layui-input-inline">-</div>
                      <div class="layui-input-inline myWidth">
                          <input type="text" autocomplete="off" id="endTime" class="layui-input" placeholder="结束日期">
                      </div>
                  </div>
              </div>
              <div class="layui-inline" style="margin-right: 10px">
                  离开时间:
                  <div class="layui-inline" id="ID-laydate-range1">
                      <div class="layui-input-inline myWidth">
                          <input type="text" autocomplete="off" id="createTime1" class="layui-input"
                                 placeholder="开始日期">
                      </div>
                      <div class="layui-input-inline">-</div>
                      <div class="layui-input-inline myWidth">
                          <input type="text" autocomplete="off" id="endTime1" class="layui-input" placeholder="结束日期">
                      </div>
                  </div>
              </div>
              <button class="layui-btn" data-type="reload">搜索</button>
          </div>
        </div>
    </div>
    <table class="layui-hide" id="exampleTable" lay-filter="exampleTable"></table>

</div>

<div>
    <script type="text/javascript">
            var s_edit_h = 'hidden';
            var s_remove_h = 'hidden';
        </script>
    <div shiro:hasPermission="jzweb:jazUserAuntStay:info">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>
    <div shiro:hasPermission="jzweb:jazUserAuntStay:remove">
        <script type="text/javascript">
            var s_remove_h = '';
        </script>
    </div>
</div>

<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/jazUserAuntStay/jazUserAuntStay.js"></script>

</body>
</html>